﻿/*Add By Ben 20130426 */
    #GridTable tr:hover td {
        background-color: #f3f3f3;
    }


#GridTable {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
}

    #GridTable td {
        padding: 3px;
    }

.GridTableDetails {
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
}

    .GridTableDetails td {
        padding: 2px;
    }

    /*GridView中Details的背景顏色*/
    .GridTableDetails .DetlCol {
        background-color: #e9fabf;
    }

    .GridTableDetails .DetlVal {
        background-color: #fff;
    }

.GridTableHeader {
    border: 1px solid #f3f3f3;
            background: -ms-linear-gradient(top, #ff7f00 5%, #ffffff 100%); /*IE 10*/
            background: -o-linear-gradient(bottom, #ff7f00 5%, #ffffff 100%);
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #ffffff) );
            background: -moz-linear-gradient( center top, #ff7f00 5%, #ffffff 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#ffffff"); /*IE 8*/
            text-align: center;
            font-size: 12px;
            font-family: Times New Roman;
            font-weight: bold;
            color: #000;
            padding: 5px;
            height: 20px;
}


.GridTableFooter {
   
  
    border: 0px solid #000000;
    border-width: 0px 0px 0px 0px;
    font-size: 12px;
    
    font-weight: bold;
    color: #000;
    padding: 5px;
}


/*Condition資料表定義*/
.ConditionTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}





    .ConditionTable table {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }


    .ConditionTable tr:hover td {
    }

    .ConditionTable tr:nth-child(odd) {
        background-color: #f3f3f3;
    }

    .ConditionTable tr:nth-child(even) {
        background-color: #ffffff;
    }

    .ConditionTable tr {
        border: 1px solid #fff;
    }

    .ConditionTable td {
        vertical-align: middle;
        border: 1px solid #000000;
        border-width: 0px 0px 0px 0px;
        text-align: left;
        padding: 2px;
        font-size: 12px;
        font-family: Times New Roman;
        font-weight: normal;
        color: #000000;
    }

    .ConditionTable tr:first-child th {
        background: -o-linear-gradient(bottom, #d1f5d6 5%, #ffffff 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1f5d6), color-stop(1, #ffffff) );
        background: -moz-linear-gradient( center top, #d1f5d6 5%, #ffffff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1f5d6", endColorstr="#ffffff"); /*IE 8*/
        background: -ms-linear-gradient(top, #d1f5d6 5%, #ffffff 100%); /*IE 10*/
        background: -o-linear-gradient(top,#d1f5d6,ffffff);
        border: 1px solid #000000;
        text-align: center;
        border-width: 0px 0px 0px 0px;
        font-size: 12px;
        font-family: Times New Roman;
        font-weight: bold;
        color: #000;
        padding: 5px;
    }

/*GridView資料表定義*/
.GridViewTable {
    margin: 0px;
    padding: 5px;
    width: 100%;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;
}

    .GridViewTable table {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .GridViewTable tr:hover td {
        background-color: #f3f3f3;
    }

    .GridViewTable tr:nth-child(odd) {
        background-color: #f3f3f3;
    }

    .GridViewTable tr:nth-child(even) {
        background-color: #ffffff;
    }

    .GridViewTable tr {
        border: 1px solid #000000;
    }

        .GridViewTable tr td {
            vertical-align: middle;
            border: 1px solid #f3f3f3;
            text-align: left;
            padding: 5px;
            font-size: 12px;
            font-family: Times New Roman;
            font-weight: normal;
            color: #000000;
        }

        .GridViewTable tr:first-child th {
            border: 1px solid #f3f3f3;
            background: -ms-linear-gradient(top, #ff7f00 5%, #ffffff 100%); /*IE 10*/
            background: -o-linear-gradient(bottom, #ff7f00 5%, #ffffff 100%);
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7f00), color-stop(1, #ffffff) );
            background: -moz-linear-gradient( center top, #ff7f00 5%, #ffffff 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7f00", endColorstr="#ffffff"); /*IE 8*/
            text-align: center;
            font-size: 12px;
            font-family: Times New Roman;
            font-weight: bold;
            color: #000;
            padding: 5px;
            height: 20px;
        }





.TableValightTOP {
   width:100%;
}

    .TableValightTOP tr td {
        vertical-align: top;
        vertical-align: text-top;
    }

.DetailTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    box-shadow: 5px 5px 5px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.DetailTable tr:nth-child(odd) {
        background-color: #f3f3f3;
    }

    .DetailTable tr:nth-child(even) {
        background-color: #ffffff;
    }
    .DetailTable tr:first-child th {
        background: -o-linear-gradient(bottom, #d1f5d6 5%, #ffffff 100%);
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1f5d6), color-stop(1, #ffffff) );
        background: -moz-linear-gradient( center top, #d1f5d6 5%, #ffffff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1f5d6", endColorstr="#ffffff"); /*IE 8*/
        background: -ms-linear-gradient(top, #d1f5d6 5%, #ffffff 100%); /*IE 10*/
        background: -o-linear-gradient(top,#d1f5d6,ffffff);
        border: 1px solid #000000;
        text-align: center;
        border-width: 0px 0px 0px 0px;
        font-size: 12px;
        font-family: Times New Roman;
        font-weight: bold;
        color: #000;
        padding: 5px;
    }
    .DetailTable table {
         margin: 0px;
        padding: 0px;
    }
        .DetailTable tr {
        border: 1px solid #fff;
    }
        .DetailTable td {
        vertical-align: middle;
        border: 1px solid #000000;
        border-width: 0px 0px 0px 0px;
        text-align: left;
        padding: 2px;
        font-size: 12px;
        font-family: Times New Roman;
        font-weight: normal;
        color: #000000;
    }

.miniTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.GridTable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}